<template>
  <div>
    <a-form-model ref="ruleForm" :label-col="labelColBus" :wrapper-col="wrapperCol" :model="form">
      <h3 style="margin-left: 70px">微商城内容社区搭配</h3>
      <a-form-model-item label="*  标题" prop="name">
        {{ form.name }}
      </a-form-model-item>
      <a-form-model-item label="*  介绍">
        {{ form.matchAbout }}
      </a-form-model-item>
      <a-form-model-item label="*  发布人">
        <!-- <a-select v-model="form.fashionerId" show-search style="width: 300px"> -->
        <!-- <a-select-option :value="item.code" v-for="item in fashionerList" :key="item.code">
          {{ item.name }}
        </a-select-option> -->
        <!-- </a-select> -->
        <div v-for="item in fashionerList" :key="item.code">
          <span v-if="item.code === form.fashionerId"> {{ item.name }}</span>
        </div>
      </a-form-model-item>
    </a-form-model>

    <div>
      <slot name="formItem" :form="form" :labelCol="labelColBus" :wrapperCol="wrapperCol"></slot>
      <slot name="formFooter" :form="form"></slot>
    </div>
  </div>
</template>
<script>
import { contentAddOrUpdate } from '@/api/micromall/communityContent'
import { mixin } from '../mixin'
export default {
  mixins: [mixin],
  data() {
    return {
      form: {
        name: '',
        isCreateBill: '',
        fashionerId: ''
      },
      rules: {
        name: [{ required: true, message: '请输入', trigger: 'blur' }],
        isCreateBill: [{ required: true, message: '请选择', trigger: 'blur' }]
      }
    }
  },
  methods: {
    //回显
    setData(value) {
      console.log(value, '内容社区搭配')
    },
    submitEvent(info, newLookId) {
      console.log(info, 'info')
      console.log(newLookId, 'newLookId')
      this.$refs.ruleForm.validate(valid => {
        if (valid) {
          console.log('1111')
        } else {
          return false
        }
      })
    }
  }
}
</script>

